<template>
  <template v-if="props?.text">
    <el-tooltip
      v-if="props.text.length > 15"
      class="box-item"
      effect="dark"
      placement="top"
    >
      <template #content>
        <div style="width: 400px">{{ props.text }}</div>
      </template>
      <span class="lineFeed">{{ props.text.slice(0, 15) + '...' }}</span>
    </el-tooltip>
    <span v-else>{{ props.text }}</span>
  </template>
  <template v-else>
    ---
  </template>
</template>

<script setup lang="ts">
const props = defineProps(['text'])
</script>

<style scoped lang="scss"></style>
